import React from 'react'
import { Button, Tabs ,Modal,Space} from 'antd-mobile'
import QRCode from "react-qr-code";
function Login() {
  return (
    <div>
        <Tabs>
          <Tabs.Tab title='扫码登录' key='fruits'>
          <QRCode value="https://esbook.cn" />
          <Space direction='vertical' block>
          <Button
            block
            color='primary'
            onClick={() =>
              Modal.alert({
                content: '人在天边月上明',
                onConfirm: () => {
                  console.log('Confirmed')
                },
              })
            }
          >
            登录
          </Button>
          </Space>
          </Tabs.Tab>
          <Tabs.Tab title='手机号登录' key='vegetables'>
            西红柿
          </Tabs.Tab>
          <Tabs.Tab title='账号密码登录' key='animals'>
            蚂蚁
          </Tabs.Tab>
        </Tabs>
    </div>
  )
}

export default Login